<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用HTML中的video标签播放视频</title>
</head>
<body>
<h1>参考https://blog.csdn.net/zhouzuoluo/article/details/94575952</h1>

<h3>使用embed标签播放视频</h3>
<embed src="http://127.0.0.1:19000/bucket-test/test.mp4" type="video/mp4" width="500px" height="300px">

<h3>使用H5中的video标签播放视频</h3>
<video width="500" height="300" controls>
    <source src="http://127.0.0.1:19000/bucket-test/test.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
    您的浏览器不支持 video 标签。source标签提供多个媒体资源供不同的浏览器根据它对媒体类型或者编解码器的支持进行选择
</video>

<h3>使用video+object+embed播放视频</h3>
<video width="500" height="300" controls>
    <source src="http://127.0.0.1:19000/bucket-test/test.mp4" type="video/mp4">
    <object data="http://127.0.0.1:19000/bucket-test/test.mp4" width="500" height="300">
        <embed src="http://127.0.0.1:19000/bucket-test/test.mp4" width="500" height="300">
    </object>
</video>

<h3>使用超链接启动“辅助应用程序”播放</h3>
<a href="http://127.0.0.1:19000/bucket-test/test.mp4">播放视频文件</a>

<script type="text/javascript" src="/js/jquery.js" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" th:inline="javascript">

</script>
</body>
</html>

